<html>
<head>
    <meta charset="utf-8">
    <meta name="author" content="order by dede58.com"/>
    <title>进度详情</title>
    <link rel="stylesheet" type="text/css" href="css/jiazaitoubu.css">
    <link rel="stylesheet" type="text/css" href="css/css.css">
    <script src="js/jquery-1.8.3.min.js"></script>
    <script src="js/index2.js"></script>
    <link rel="stylesheet" type="text/css" href="css/center.css">
    <link rel="stylesheet" type="text/css" href="css/city.css">
    <script src="js/Popt.js"></script>
    <script src="js/cityJson.js"></script>
    <script src="js/citySet.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script src="js/common.js"></script>
</head>




<!--写在前面：这是一个  详情  的模板，请写这个模板的同学将该模板复制一份并重命名为你要写的那个文件-->

<!--更改完后请将所写的文件.html写入下方的href中-->





<body>
<div id="app">	
<top></top>
<bar></bar>

<div class="centers_m">
   <bars></bars>
   
   
   
        <!--开始-->
        <div class="public_m1">
            <div class="public_m2">订单状态</div>
            <!--各种进度-->
            <div class="gezhong_jdm">
                <img src="images/jkkll.png"/>
                <ul>
                    <li>已发布</li>
                    <li>已接单</li>
                    <li>正在维修</li>
                    <li>已完成</li>
                </ul>
            </div>
            <!--各种信息-->
            <div class="gezhong_xxm">
                <ul>
                    
                    <li><em>订单编号：</em><a href="#">2016102111523538</a></li>
                    <li><em>维修人员：</em><a href="#">无敌小王八</a></li>
                    <li><em>维修电话：</em><i>173134530237</i></li> 
                    <li><em>订单状态：</em><i>已发布</i></li>
                    <li><em>预约时间：</em><i>2021-06-02 12:00-14:00</i></li>
                    <li><em>故障类型：</em><i>客户炸了</i></li>
                    <li><em>下单时间：</em><i>2021-06-02 11:52:38</i></li>
                    <li><em>维修地点：</em><i>青岛市市南区中联广场B1三楼</i></li>
                    <li><em>供热单号：</em><i>142533252353221</i></li>
                    
                    
                </ul>
            </div>
            <br>
            <!--订单信息-->
            <div class="public_m5">
                <table border="0" cellspacing="0" cellpadding="0">
                    <tbody>
                    <tr style=" border-bottom:1px solid #000">
                        <th class="olist1">耗材</th>
                        <th class="olist2">单价（元）</th>
                        <th class="olist3">数量</th>
                        <th class="olist4">单位</th>
                        <th class="olist5">小计</th>
                    </tr>
                    <tr>
                        <td><a href="#">钢管</a></td>
                        <td>￥288.00</td>
                        <td>3</td>
                        <td class="money">只</td>
                        <td>￥864.00</td>
                    </tr>
                    <tr>
                        <td><a href="#">底盘</a></td>
                        <td>￥288.00</td>
                        <td>3</td>
                        <td class="money">盘</td>
                        <td>￥864.00</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <!--位置信息-->
            <div class="weizhi_xxm">
                支付状体：<font>未出单</font>
            </div>
            <!--合计金额-->
            <div class="heji_jem">
                合计金额：<font>1038.00元</font>
            </div>
            <!--维修留言-->
            <div class="dingcan_lym">
                <em>维修留言：</em>
                <p>救命啊，我炸了！！！！</p>
            </div>
        </div>
    <button  style="display:block; width:266px; height:46px; background:#fa3b4a; text-align:center; line-height:46px; color:#fff; border-radius:2px;margin:0 auto; margin-top:18px;">付款</button>
   
   

   
   
   
    </div>
    <end></end>
    </div>
</body>
</html>
<script>
var app = new Vue({
    el:"#app",
    data:{
        admin:{},
        message:''
    },
 
});
</script>
<script type="text/javascript">
            $("#city").click(function (e) {
                SelCity(this,e);
            });
        </script>

<script>
     //模拟下拉菜单的js*/
     $(".sjhcp_in span").on("mouseenter", function(e)
        {
            if($(".little_list").is(":hidden"))
            {
                $(".little_list").show();
            }
            else
            {
                $(".little_list").hide();
            }
            $(".little_list em").click(function()
            {
                var txt=$(this).text();
                $(".sjhcp_in span").text(txt);
                $(".little_list").hide();
            })
            $(document).one("click", function()
            {
                $(".little_list").hide();
            });
            e.stopPropagation();
        });
            $(".little_list").on("click", function(e)
            {
                e.stopPropagation();
            });
     
      window.onload=function()
      {
        $(".aside").css({display:"none"})
        $(".important").mouseenter(function(){
            $(".aside").css({display:"block"})
        }).mouseleave(function(){
            $(".aside").css({display:"none"})
        })
    }
       
</script>